// 封装api

// 1.导入
import axios from 'axios'
// 7.导入token删除方法
import { removeItem, getItem } from '@/utils/author.js'
import router from '../router'
// 5.导入Message
import { Message } from 'element-ui'
// import { getItem } from '@/utils/author.js'

// 2.创建axios副本 修改默认基地址
const _axios = axios.create({
  baseURL: process.env.VUE_APP_URL
})

// 3.设置拦截器

// 添加请求拦截器
_axios.interceptors.request.use(
  config => {
    // 在发送请求之前做些什么
    config.headers.Authorization = `Bearer ${getItem()}`
    return config
    // headers: {
    //   Authorization: `Bearer ${getItem()}`
    // }
  },
  error => {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
_axios.interceptors.response.use(
  response => {
    // 对响应数据做点什么
    // Message.success(response.data.message)
    return response.data
  },
  error => {
    // 对响应错误做点什么 ===== 统一设置错误弹框提示
    if (error.response.data && error.response.data.message) {
      // console.dir(error)
      Message.error(error.response.data.message) // ??? 用dir打印可以看到内部错误
    }
    // token错误的话 统一401错误处理
    if (error.response.status === 401) {
      // 1.删除token  2.返回登录页
      removeItem()
      // this.$router.push('/login')  没有this.$  因此用引入
      router.push('/login')
    }
    return Promise.reject(error)
  }
)

//  4.暴露出去
export default _axios
